<template>
	<view v-if="themeInfo != '005' && themeInfo != '006'">
		<view class="vip-min-view" style="border-radius: 12rpx;">
			<up-image  style="border-radius: 12rpx;" width="240rpx" height="92rpx" src="https://jtmc.oss-cn-hangzhou.aliyuncs.com/wmp/qnjg/order/i_icon_tip.png"></up-image>
			<!-- <up-image v-else style="border-radius: 12rpx;" width="240rpx" height="92rpx" src="https://oss.jtmckj.com/h5-uniapp/tgx/order/i_icon_tip.png"></up-image> -->
			<view class="vip-min-content">
				<text>
					<text>开通星际会员可享</text>
					<!-- <text class="open-vip"></text> -->
					
				</text>
				<view class="chxy-row-bt">
					
					<view class="min-b-l">优惠<view class="test-spe">{{saleFiffVip}}</view>元</view>
					<view class="min-b-r">去开通</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script setup>
	import { HFiveMemberAppObjProcess } from '@/api/public.js'
	import { onLoad, onShow, onHide, onPageScroll, onReachBottom, onPullDownRefresh } from '@dcloudio/uni-app';
	import { ref, reactive, onMounted, nextTick, defineEmits, defineExpose, defineProps } from 'vue';
	import { initCardInfo, getCardInfoMore, numMultiFun, numAddFun } from "@/until/tools.js" 

	const themeInfo = ref(uni.getStorageSync('themeInfo')?.type)

	const props = defineProps({
		saleFiffVip: {
			type: [String, Number],
			default: '0'
		},
	});

	const vipMinClick = () => {}
</script>

<style scoped lang="scss">
	.vip-min-view {
		position: absolute;
		left: 24rpx;
		bottom: 102rpx;
		z-index: 5;
		
	}

	.vip-min-content {
		position: absolute;
		z-index: 6;
		top: 0;
		left: -6rpx;
		font-size: 20rpx;
		line-height: 30rpx;
		padding: 12rpx;
		color: #ffffff;
	}


	.open-vip {
		color: #FF6A00;
	}

	.min-b-l {
		display: flex;
		align-items: center;
		white-space: nowrap;
		width: 150rpx;
		font-size: 24rpx;
		// height: 32rpx;
		// overflow: hidden; 
		// margin-right: 10rpx;
		.test-spe{
			color: #212121;
			font-weight: bold;
			font-size: 24rpx
		}
	}

	.min-b-r {
		// background: linear-gradient(to right, #FAC02B, #F84A08);
		background: #212121;
		border-radius: 30rpx;
		width: 80rpx;
		height: 32rpx;
		line-height: 32rpx;
		text-align: center;
		color: #fff;
		font-size: 20rpx;
	}
</style>